<template>
  <select name="" id="" :value="value" @change="changeCity">
    <option value="">请选择</option>
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">广州</option>
  </select>
</template>

<script>
export default {
  props: {
    value: String,
  },
  methods: {
    changeCity(e) {
      console.log(e);
      //     console.dir(e.target.value);
      //   能直接改cityId的值吗？违反了单向数据流，如果想改父组件的数据
      this.$emit("input", e.target.value);
    },
  },
};
</script>

<style>
</style>